<template>
  <div>
    <!-- 双绑需要实现: value, @input -->
    <!-- <input :type="type" :value="value" @input="onInput" v-bind="$attrs"> -->
    <input :type="type" :value="value" @input="onInput" :placeholder="placeholder">
  </div>
</template>

 <script>
 export default {
  //  inheritAttrs: false,
   props:{
     value:{
       type: String,
       default:''
     },
     type:{
       type: String,
       default:'text'
     },
     placeholder:{
       type: String
     }
   },
   methods:{
     onInput(e){
       this.$emit('input', e.target.value)

       // 通知校验
       this.$parent.$emit('validate')
     }
   }

 }
 </script>

 <style lang="scss" scoped>
 
 </style>